<template>
  <div id="out">
			<div class="cont-1">
				<img src="/static/imgs_s11/s011_no_adress.png" >
			</div>
			<div class="text1">
				暂无收货地址
			</div>
			<div class="text2">
				<span id="text2-1">
					新增地址
				</span>
			</div>
		</div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
			#out{
				width: 375px;
				height: 667px;
				background-color: rgb(244,244,244);
				border: #000000 solid 1px;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				
				
			}
			#out .cont-1{
				width: 151px;
				height: 151px;
				margin: 177px 112px;
				border: #000000 dashed 1px;
			}
			#out .cont-1 img{
				width: 151px;
				height: 151px;
			}
			#out .text1{
				width: 82px;
				height: 13px;
				margin: -160px 153px;
				font-size: 12px;
				color:#909090
				
			}
			#out .text2{
				width: 97px;
				height: 24px;
				margin: 175px 140px;
				border:1px solid rgba(50,177,108,1);
				border-radius:12px;
			}
			#out .text2 span{
				display: flex;
				justify-content: center;
				align-content: center;
				line-height: 24px;
				color:rgba(50,177,108,1)
				
			}
			
			
			
			
		</style>
